<ion-view view-title="更多商铺列表"  hide-tabs="true" >
    <ion-header-bar align-title="center" class="bar-positive">
        <div class="buttons">
        <button class="button-go-back" ng-click="goback()"><i class="icon ion-chevron-left"></i></button>
        </div>
        <h1 class="title">商铺列表</h1>
    </ion-header-bar> 
    <ion-content  id="h_brand" [scroll="true"] [overflow-scroll="true"]>  
        <div class="row header">
            <div class="col-80">
                <div ng-show="is_floor"><!--显示楼层-->
                <ion-scroll direction="x" >
                    <div id="btn_content" style="width:470px;" >
                    <!-- <a class="scroll_x" ng-click="is_active(1)" ng-class="{true: 'actives', false: 'inactive'}[i == 1]">F1</a>
                    <a class="scroll_x" ng-click="is_active(2)" ng-class="{true: 'actives', false: 'inactive'}[i == 2]">F2</a>  -->
                    <a class="scroll_x" ng-repeat="x in floors" ng-click="is_active(x.floor_id)" ng-class="{true: 'actives', false: 'inactive'}[i == x.floor_id]">{{x.floor_num}}</a>
                    </div>  
                </ion-scroll> 
                </div>
                <div ng-show="is_select"><!--显示输入框，或者下拉框-->
                <!-- <div class="item item-input item-select">
                    <div class="input-label"> </div>
                    <select>
                    <option>Blue</option>
                    <option selected="">Green</option>
                    <option>Red</option>
                    </select>
                </div> -->
                    <select  ng-init="selected = shop_type[0]" ng-model="selected"  ng-change="get_shop_list(selected)">
                        <option ng-repeat="x in shop_type" value="{{x.zdxId}}">{{x.zdxName}}</option>
                    </select> 
                </div> 
            </div>
            <div class="col-20" >
            <span ng-click="show()" >{{show_type}}</span>
            </div>
            </div>
            <!-- 店铺展示区 -->
            <div class="shop_display">
            <div style="padding-left:15px;">
                <div class="floor">
                <p>{{floor.floor_title}}<span class="right">{{floor.floor_num}}</span></p>
                </div>
            </div>
            <div class="shop_lists">
                <div class="list" ng-repeat="x in shop_lists" ui-sref="tab.shop_detail({shop_id:x.shop_id})">
                <div class="circle">
                    <img ng-src="{{IMG+x.shop_logo}}" alt="店铺图标" class="shop_logo">
                    <img ng-src="img/icons/recommend.png" alt="推荐图标" class="recommend" ng-show="x.isRecommend"> 
                </div>
                <p class="name">{{x.shop_name}}</p>
                </div>
                <!-- <div class="list">
                <div class="circle">
                    <img ng-src="img/pinpai.png" alt="店铺图标" class="shop_logo">
                    <img ng-src="img/icons/recommend.png" alt="推荐图标" class="recommend"> 
                    <p class="name">欧碧泉</p>
                </div>
                </div> -->
                <div class="clear"></div>
            </div>
        </div>
    </ion-content>  
</ion-view>